<div class="tabbed">
	<ul class="tabs">
		<li id="tab-myopposites_perfect" class="tab active">My perfect opposites</li>
	</ul>

	<div id="myopposites_perfect" class="content">
		<?php if($perfect_opposites): ?>
		<ul class="small-people-list group">
			<?php foreach($perfect_opposites as $opposite):?>
			<?php /* @var $opposite Opposite */ ?>
			<li class="perfect-opposite">
				<div class="avatar">
					<?php
						$className = $opposite->getShowProfile() == 1 ? 'class=profile profile-'.$opposite->getId() : '';
						echo image_tag($opposite->getThumbnailUrl(), 'alt='.$opposite->getName().' '.$className);
					?>
				</div>
				<div class="group">
					<span class="name">
						<strong><?php echo $opposite->getName()?></strong>
						<?php if($opposite->getCountry() || $opposite->getOrigin()):?>
							(<?php if($opposite->getCountry()) echo $opposite->getCountry()?>
							<?php if($opposite->getCountry() && $opposite->getOrigin()):?> - <?php endif;?>
							<?php if($opposite->getOrigin()): ?><em><?php echo $opposite->getOrigin()?></em><?php endif; ?>)
						<?php endif; ?>
					</span>
					<span class="remove-perfect-opposite">X</span>
					<?php
						$percentage = $user->getOppositenessWith($opposite);
						$className  = Round(Round($percentage)/10) * 10;
					?>		
					<span class="oppositeness-<?php echo $className?>"><?php echo Round($percentage) ?>%</span>
					<span class="respects">
						<?php echo $opposite->getNumRespects() ? $opposite->getNumRespects() : '0' ?> &times;
						<img src="http://<?php echo $basehost?>/images/gadget/respect-icon-wbg.gif" alt="Respect" />
					</span>
				</div>
			</li>
			<?php endforeach?>
		</ul>		
		<?php else: ?>
			<p>You have not selected anyone as a perfect opposite</p>
		<?php endif; ?>
	</div>
</div>